
.m-avatar{
  display: inline-block;
  position: relative;
  width:3rem;
  height:3rem;
  vertical-align: middle;
  img,canvas{
    display:block;
    width:100%;
    height:100%;
  }
  &.m-avatar--sm,
  &.m-avatar-sm{
    width:2.5rem;
    height:2.5rem;
  }
}
.m-badge--circle{
  position: absolute;
  right:-.5rem;
  top:-.25rem;
}